mpris: Add hover effect

It is not immediately obvious that media controls are interactive,
so add a small hover effect.

https://bugzilla.gnome.org/show_bug.cgi?id=779820

diff --git a/data/theme/gnome-shell-high-contrast.css b/data/theme/gnome-shell-high-contrast.css
index 784d854925ef1037e792d3fc0d3b75589860266b..c26c5c120d76888f3326f8d3fe1e23cb98918122 100644 (file)
--- a/data/theme/gnome-shell-high-contrast.css
+++ b/data/theme/gnome-shell-high-contrast.css
@@ -917,11 +917,14 @@ StScrollBar {
   padding: 10px; }
 
 .message-media-control {
-  padding: 12px; }
+  padding: 12px;
+  color: #cccccc; }
   .message-media-control:last-child:ltr {
     padding-right: 18px; }
   .message-media-control:last-child:rtl {
     padding-left: 18px; }
+  .message-media-control:hover {
+    color: #fff; }
   .message-media-control:insensitive {
     color: #999999; }
 

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 20423b603cb94349dca7250a384493d2ad97f91c..e93fd34d9d5d9565400566908fb78b82ef7a9cef 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -917,11 +917,14 @@ StScrollBar {
   padding: 10px; }
 
 .message-media-control {
-  padding: 12px; }
+  padding: 12px;
+  color: #bebeb6; }
   .message-media-control:last-child:ltr {
     padding-right: 18px; }
   .message-media-control:last-child:rtl {
     padding-left: 18px; }
+  .message-media-control:hover {
+    color: #eeeeec; }
   .message-media-control:insensitive {
     color: #8e8e80; }